<template>
	<div class="footer">
		<div class="ft_top">
			<h3>合作链接</h3>
			<div class="ft_a">
				<a href="">腾讯大学</a>
				<a href="">腾讯网教育频道</a>
				<a href="">IT教程</a>
				<a href="">腾讯云</a>
				<a href="">腾讯御安全</a>
				<a href="">腾讯电脑管家</a>
				<a href="">企鹅FM</a>
				<a href="">腾讯微云</a>
				<a href="">腾讯文档</a>
				<a href="">腾讯游戏学院</a>
				<a href="">腾讯问卷</a>
				<a href="">环球网校</a>
				<a href="">中华考试网</a>
				<a href="">云艺帆教育</a>
				<a href="">马哥教育</a>
				<a href="">中大网校</a>
				<a href="">益修学院</a>
				<a href="">起点学院</a>
				<a href="">人人都是产品经理</a>
				<a href="">公务员考试网</a>
				<a href="">新东方在线</a>
				<a href="">中公公务员网</a>
				<a href="">学科网</a>
				<a href="">原画人</a>
			</div>
		</div>
		<div class="ft_bot">
			<img src="../../public/img/icons/play.png" alt="">
			<p>Copyright © 2022 Tencent. All Rights Reserved.</p>
			<p>深圳市腾讯计算机系统有限公司 版权所有
				| <a href="https://ke.qq.com/article/645" target="_blank">腾讯课堂服务协议</a>
				| <a href="https://ke.qq.com/article/487" target="_blank">隐私政策</a>
				| <a href="https://ke.qq.com/sitemap.html" target="_blank">站点地图</a>
				| <a href="https://ke.qq.com/tort.html" target="_blank">侵权投诉</a>
				| <a href="#">联系客服</a>
				| <a href="https://ke.qq.com/faq.html" target="_blank">帮助</a>
				| <a href="https://ke.qq.com/itdoc" target="_blank">IT教程</a>
				| <a href="https://ke.qq.com/tags/" target="_blank">TAGS专题</a>
				| <a href="https://ke.qq.com/video" target="_blank">系列视频</a>
  			</p>
		</div>
	</div>
</template>

<script>

export default {
    name: "ComFoot"
}
</script>


<style lang="less" scoped>
.footer{
		background: #444546;
	.ft_top{
		width: 1200px;
		margin: 0 auto;
		padding: 40px 0 20px;
		border-bottom: 1px solid #4a4b4c;
		h3{
			font-size: 22px;
			color: #999;
			font-weight: 400;
		}
		.ft_a{
			padding-top: 25px;
			width: 100%;
			a{
				display: inline-block;
				vertical-align: middle;
				padding: 0 40px 12px 0;
				color: #999;
				font-size: 14px;
				text-decoration: none;
			}
			a:hover{
				text-decoration:underline;
			}
		}
	}

	.ft_bot{
		padding-top: 40px;
		height: 180px;
		box-sizing: border-box;
		text-align: center;
		width: 100%;
		background: #444547;
		font-size: 12px;
		img{
			display: inline-block;
		}
		p{
			color: #777;
    		line-height: 24px;
			a{
				text-decoration: none;
				color: #777;
				line-height: 24px;
			}
			a:hover{
				text-decoration:underline;
			}
		}

	}
}

</style>
